<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/m/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>艺圈详情</title>
    <script src="${path}/static/m/js/lib/md5.js"></script>
    <link rel="stylesheet" href="${path}/static/h5/css/style.css">
    <script>
        $(function () {

            console.log('${user.userName}')

            if(0 == ${info}){
                return layer.msg("内容不存在");
            }
            var artInfo = ${news.info};
            var htmls = '';
            for(var i = 0; i < artInfo.length; i++){
                htmls += '<div class="block_desc">';
                htmls += '<p class="content_desc">'+artInfo[i].content+'</p>';
                if(artInfo[i].img != null && artInfo[i].img != undefined){
                    var imgArr = artInfo[i].img.split(",");
                    for(var j = 0; j < imgArr.length; j++){
                        console.log(imgArr[j]);
                        htmls += '<img src="${path}/download?id='+imgArr[j]+'"/>';
                    }
                }
                htmls += '</div>'
            }
            $("#tarb").append(htmls);



        })
    </script>
</head>
<body>
    <div class="share_wrap">

        <div class="block_box" id="tarb">
            <div class="block_user flex_box">
                <img class="user_avatar" src="${path}/download?id=${user.headImg}">
                <div class="user_info flex_item">
                    <p class="name">
                        ${user.userName}
                        <c:if test="${user.isVip == 1}">
                            <img class="user_label" src="${path}/static/h5/imgs/icon_vip.png">
                        </c:if>
                            <c:if test="${user.isVerify == 1 && user.userState == 1}">
                            <img class="user_label" src="${path}/static/h5/imgs/icon_art.png">
                        </c:if>

                    </p>
                    <p class="date_time">${news.createTimeView}</p>
                </div>
            </div>
        </div>
        
        <%--<div class="block_box mt_20">
            <h3 class="block_ahead"><img src="${path}/static/h5/imgs/icon_hot.png"></h3>
            <div class="block_evaluation">
                <div class="block_user flex_box">
                    <img class="user_avatar" src="${path}/download?id=${comment[0].headImg}">
                    <div class="user_info flex_item">
                        <p class="name">${comment[0].userName}</p>
                        <p class="date_time">${comment[0].createTimeView}</p>
                    </div>
                    <div class="user_love">
                        <img class="icon_love" src="${path}/static/h5/imgs/icon_love.png"><span>${comment[0].dzCount}</span>
                    </div>
                </div>
                <p class="content_desc">${comment[0].content}</p>
            </div>
        </div>--%>

        <div class="block_box mt_20">
            <h3 class="block_ahead"><img src="${path}/static/h5/imgs/icon_evaluation.png"></h3>
            <div class="evaluation_box">
                <c:forEach items="${comment}" var="item" >
                    <div class="block_evaluation">
                        <div class="block_user flex_box">
                            <img class="user_avatar" src="${path}/download?id=${item.headImg}">
                            <div class="user_info flex_item">
                                <p class="name">${item.userName}</p>
                                <p class="date_time">${item.createTimeView}</p>
                            </div>
                            <div class="user_love">
                                <img class="icon_love" src="${path}/static/h5/imgs/icon_love.png"><span>${item.dzCount}</span>
                            </div>
                        </div>
                        <p class="content_desc">${item.content}</p>
                    </div>
                </c:forEach>
            </div>
        </div>

        <div class="share_footer">
            <img class="share_logo" src="${path}/static/h5/imgs/share_logo.png">
            <a class="share_btn" href="#">下载App</a>
        </div>

    </div>
</body>
</html>